<%--
  Created by IntelliJ IDEA.
  User: LJS
  Date: 2018/11/22
  Time: 16:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName()
            + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>权限组管理</title>
    <jsp:include page="resource.jsp"/>
    <script type="text/javascript">

    </script>
</head>
<body>
<jsp:include page="common.jsp"/>

<!-- Start #content -->
<div id="content">
    <!-- Start .content-wrapper -->
    <div class="content-wrapper">
        <!-- Start .row -->
        <div class="row">
            <!-- Start .page-header -->
            <div class="col-lg-12 heading">
                <h1 class="page-header"><i class="im-tree"></i> 权限组管理</h1>
            </div>
            <!-- End .page-header -->
        </div>
        <!-- End .row -->
        <!-- Start .outlet -->
        <div class="outlet">
            <!-- Page start here ( usual with .row ) -->
            <div class="row printable">
                <!-- col-lg-12 start here -->
                <div class="col-lg-12">
                    <!-- Start .panel -->
                    <div class="panel panel-default plain">
                        <div class="panel-heading white-bg"></div>
                        <div class="panel-body">
                            <!-- Start #email-sidebar -->
                            <div class="email-sidebar">
                                <div class="p15">
                                    <button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#myModal5"><i class="fa-plus-sign"></i> 添加权限组</button>
                                    <button type="button" class="btn btn-danger btn-block" data-toggle="modal" data-target="#myModal7"><i class="fa-minus-sign"></i> 删除权限组</button>
                                </div>
                                <ul class="email-nav nav nav nav-pills nav-stacked" class="nav nav-pills nav-stacked">
                                <li>
                                    <a href="#"><span class="circle color-red"></span> 权限组1</a>
                                    <ul class="nav nav-pills nav-stacked pl15">
                                        <li><a href="#"><span class="circle color-red"></span> 权限组1.1</a>
                                        </li>
                                        <li><a href="#"><span class="circle color-green"></span> 权限组1.2</a>
                                        </li>
                                        <li><a href="#"><span class="circle color-pink"></span> 权限组1.3</a>
                                        </li>
                                        <li><a href="#"><span class="circle color-teal"></span> 权限组1.4</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#"><span class="circle color-green"></span> 权限组2</a>
                                    <ul class="nav nav-pills nav-stacked pl15">
                                        <li><a href="#"><span class="circle color-red"></span> 权限组2.1</a>
                                        </li>
                                        <li><a href="#"><span class="circle color-green"></span> 权限组2.2</a>
                                        </li>
                                        <li><a href="#"><span class="circle color-pink"></span> 权限组2.3</a>
                                        </li>
                                        <li><a href="#"><span class="circle color-teal"></span> 权限组2.4</a>
                                        </li>
                                    </ul>
                                </li>
                                </ul>
                            </div>
                            <!--End #email-sidebar -->
                            <div class="email-content">
                                <!-- Start #email-content -->
                                <div class="email-wrapper">
                                    <div class="email-toolbar col-lg-12">
                                        <a href="javacript:void(0);" class="btn btn-success btn-sm pull-right"><i class="br-floppy"></i> 保存</a>
                                    </div>
                                    <hr/>
                                    <div class="email-list col-lg-12">
                                        <form class="form-inline" role="form">
                                            <div class="form-group">
                                                <label for="" class="">权限名称</label>
                                                <input type="text" class="form-control limitInput" maxlength="20" id="" name="permissionName">
                                            </div>
                                            <div class="form-group">
                                                <label for="" class="">是否可用：</label>
                                                <select class="form-control">
                                                    <option value="">--请选择--</option>
                                                    <option value="">可用</option>
                                                    <option value="">禁用</option>
                                                </select>
                                            </div>
                                        </form>
                                        <hr/>
                                        <button class="btn btn-primary mb5" onclick="" data-toggle="modal" data-target="#myModal3">新增</button>
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                            <tr>
                                                <th>权限名称</th>
                                                <th>标识键</th>
                                                <th>URL</th>
                                                <th>是否可用</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <c:forEach var="x" begin="1" end="5">
                                                <tr>
                                                    <td>权限${x}</td>
                                                    <td>22011</td>
                                                    <td>我是URL</td>
                                                    <td>可用</td>
                                                    <td>
                                                        <button class="btn btn-info btn-xs" onclick="" data-toggle="modal" data-target="#myModal2">编辑</button>
                                                        <button class="btn btn-danger btn-xs" onclick="confirm()">删除</button>
                                                    </td>
                                                </tr>
                                            </c:forEach>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <!--End #email-content -->
                        </div>
                    </div>
                    <!-- End .panel -->
                </div>
                <!-- col-lg-12 end here -->
            </div>
            <!-- Page End here -->
        </div>
        <!-- End .outlet -->
    </div>
    <!-- End .content-wrapper -->
    <div class="clearfix"></div>
</div>
<!-- End #content -->

<!-- Modal -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="myModalLabel2">编辑权限信息</h5>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">权限标识键：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">权限名称：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">是否可用：</label>
                        <div class="col-sm-9">
                            <select class="form-control">
                                <option value="">--请选择--</option>
                                <option value="">可用</option>
                                <option value="">禁用</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">排序：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">权限路径：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="">保存修改</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="myModalLabel3">新增权限信息</h5>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">权限标识键：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">权限名称：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">是否可用：</label>
                        <div class="col-sm-9">
                            <select class="form-control">
                                <option value="">--请选择--</option>
                                <option value="">可用</option>
                                <option value="">禁用</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">排序：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">权限路径：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="">确定提交</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="myModalLabel5">新增权限组</h5>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="" class="col-sm-4 control-label">权限组名称：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-4 control-label">权限组ID：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary add-permission">确定添加</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="myModalLabel7">删除权限组</h5>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="" class="col-sm-4 control-label">权限组名称：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-4 control-label">权限组ID：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary add-permission">确定删除</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</body>
</html>
